<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jquery-3</title>
		<script src="../js/jquery-3.6.3.min.js"></script>
		<script>
			$(function(){
				$("#btn").click(function(){
					alert($("h2").prop("align"));//prop
					$("h2").prop("align","right");
					$(":password[name=youpass]").attr("type","text");
					//css
				});
				$("#btn2").click(function(){
					let d=$("div#d1");
					//alert(d.height());
					//alert(d.css("height"));
					//alert("font-size:"+d.css("font-size"));
					var f=parseInt(d.css("font-size"));
					d.css("font-size",(f+2)+"px");
					d.css({"font-family":"楷体","color":"red"});
				});
			});
		</script>
	</head>
	<body>
		<div id="d1">
			大扎好，你是渣渣灰
		</div>
		<h2>We change lives!</h2>
		<input type="password" name="youpass" placeholder="密码"/>
		<input type="button" value="改&看" id="btn"/>
		<input type="button" value="字体+2" id="btn2"/>
	</body>
</html>